<template>
	<view class="card_img">
		<view class="big">
			<image src="../../static/pro1.png"></image>
		</view>
		<view class="small">
			<image src="../../static/pro2.png"></image>
			<image src="../../static/pro3.png"></image>
			<image src="../../static/pro4.png"></image>
			<image src="../../static/pro5.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		setup(){
			
		}
	}
</script>

<style scoped lang="scss">
	.card_img{
			
		display: flex;
		width: 100%;
		.big{
			flex: 1;
			margin-left: 8px;
			image{
				width: 100%;
				height: 160px;
				
				border-radius: 6px;
			}
		}
		.small{
			width: 172px;
			margin-left: 5px;
			image{
				width: 77px;
				height: 77px;
				margin: 0 3px;
				border-radius: 6px;
			}
		}
	}
</style>